icon font字體圖標(biāo)十分好用,就連bootstrap框架在最新的3.0版本也默認(rèn)使用了。不過我們?cè)谑褂眠^程中發(fā)現(xiàn)了一些問題,比如在Safari瀏覽器和Chrome瀏覽器下字體圖標(biāo)被加粗了等等,下面就提供一些解決辦法:
1、在chrome瀏覽器下被加粗的解決辦法
有些icon font字體圖標(biāo)可能在制作的過程中出現(xiàn)了半個(gè)像素的問題,在瀏覽器下就被顯示稱為一個(gè)像素,造成了加粗的現(xiàn)象。解決這個(gè)問題的辦法就是使用-webkit-font-smoothing屬性。
CSS代碼為:.iconfont{-webkit-font-smoothing: antialiased;}
2、在chrome瀏覽器下放大出現(xiàn)鋸齒的解決辦法
CSS代碼為:.iconfont{-webkit-text-stroke-width: 0.2px;}